{extend name="layout/layout" /} {block name="title"}海量资源——楼氏集团{/block}
{block name="container"}
<!-- Banner -->
<div class="banner">
  <img src="{$banner}" alt="" />
</div>

<!-- Celebrities -->
<section class="section celebrities-section">
  <div class="container">
    <div class="title-box">
      <h1>HEAD RESOURCES<br />头部资源</h1>
    </div>
    <div class="celebrities-box">
      <div class="glide" id="celebrities-glide">
        <div data-glide-el="track" class="glide__track">
          <?php if($cooperation): ?>
          <ul class="glide__slides">
            <?php foreach($cooperation as $v): ?>
            <li class="glide__slide">
              <a href="<?php echo $v['url'] ?: 'javascript:;' ?>" class="celebrities-item">
                <div class="celebrities-content">
                  <img
                    class="celebrities-avatar"
                    src="<?php echo $v['avatar']; ?>"
                  />
                  <h2 class="celebrities-name">
                    <?php echo $v['username']; ?>
                  </h2>
                  <p class="celebrities-data">
                    <span>
                      <strong><?php echo $v['number']; ?></strong>粉丝 |
                      <?php echo $v['title']; ?></span
                    >
                  </p>
                  <p class="celebrities-tags">
                    <?php foreach($v['tags'] as $vv): ?>
                    <span><?php echo $vv; ?></span>
                    <?php endForeach; ?>
                  </p>
                  <p class="celebritices-desc">
                    <?php echo $v['description']; ?>
                  </p>
                </div>
                <img class="celebrities-img" src="<?php echo $v['image']; ?>" />
              </a>
            </li>
            <?php endForeach; ?>
          </ul>
          <?php endIf; ?>
        </div>
        <div class="glide__arrows" data-glide-el="controls">
          <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
          <a class="glide__arrow glide__arrow--right" data-glide-dir=">"></a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Resources -->
<section class="section resources-sort-section">
  <div class="container">
    <div class="title-box">
      <h1 class="text-white">CELEBRITIES<br />海量资源</h1>
    </div>
    <div class="resources-sort-box">
      <div class="resources-sort-bar">
        <a class="weibo" href="javascript:void(0)" onclick="change('weibo')"
          >微博红人</a
        >
        <a class="douyin" href="javascript:void(0)" onclick="change('douyin')"
          >抖音红人</a
        >
        <a
          class="kuaishou"
          href="javascript:void(0)"
          onclick="change('kuaishou')"
          >快手红人</a
        >
        <a
          class="bilibili"
          href="javascript:void(0)"
          onclick="change('bilibili')"
          >B站红人</a
        >
        <a
          class="xiaohongshu"
          href="javascript:void(0)"
          onclick="change('xiaohongshu')"
          >小红书红人</a
        >
      </div>
      <div class="resources-sort-data">
        <div class="glide" id="resources-sort-glide">
          <?php if($resources): ?>
          <?php foreach($resources as $key=>$r): ?>

          <div
            data-glide-el="track"
            class="
              glide__track
              <?php
              if($key
              !==
              'weibo')
              {echo
              'glide-hidden';
              }
              ?>
            "
            id="<?php echo $key; ?>"
          >
            <ul class="glide__slides">
              <?php foreach($r as $val): ?>
              <li class="glide__slide">
                <ul class="resources-sort-item">
                  <?php foreach($val as $v): ?>
                  <li
                    class="<?php if($v['recommendswitch']==1){ echo 'top'; } ?>"
                  >

                    <div class="resources-sort-avatar">
                      <a href="<?php echo $v['url'] ?: 'javascript:;'; ?>" target="_blank">
                        <img
                                src="<?php echo $v['avatar']; ?>"
                                alt="<?php echo $v['username']; ?>"
                        />
                      </a>

                    </div>
                    <span
                      ><mark><?php echo $v['username']; ?></mark></span
                    >
                  </li>
                  <?php endForeach; ?>
                  <?php if(count($val) < 14): ?>
                  <li>
                    <div class="resources-sort-avatar">
                      <img
                        src="/template/assets/images/resources_celebrities_icon_more.png"
                        alt="更多"
                      />
                    </div>
                  </li>
                  <?php endIf; ?>
                </ul>
              </li>
              <?php endForeach; ?>
            </ul>
          </div>

          <?php endForeach; ?>
          <?php endIf; ?>
          <div class="glide__arrows" data-glide-el="controls">
            <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
            <a class="glide__arrow glide__arrow--right" data-glide-dir=">"></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SIGNING ADVANTAGE -->
<section class="section signing-section">
  <div class="container">
    <div class="title-box">
      <h1>SIGNING ADVANTAGE<br />签约优势</h1>
      <p>
        欢迎国内外优秀的「内容原创者们」共享楼氏资源，加入联盟「内容矩阵」KOL大阵地！
      </p>
    </div>
    <div class="signing-box">
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_data.png"
          alt="完备的商务变现体系"
        />
        <span>完备的商务变现体系</span>
        <p>
          楼氏不仅拥有庞大的商务资源网络，还有无数营销成功经验的整合营销团队，通过内容招商、电商CPS等多种渠道帮助博主实行变现。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_idea.png"
          alt="内容的策划指导"
        />
        <span>内容的策划指导</span>
        <p>
          当创作灵感枯竭、细节把控不到位、内容形式需要升级、遭遇瓶颈期时，有楼氏的专业运营专家根据账号的性质、未来发展领域和市场受众等多方面因素，进行指导和考量，给出相应的建议。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_flow.png"
          alt="丰厚的资源加持，助推涨粉"
        />
        <span>丰厚的资源加持，助推涨粉</span>
        <p>
          在各大媒体平台通过专门的渠道，根据内容的优质程度，给予相应的流量支持，提升曝光度，实现增长活跃粉丝，扩大影响力。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_technology.png"
          alt="技术的硬件支持"
        />
        <span>技术的硬件支持</span>
        <p>
          楼氏设有专业的视频编导、拍摄、制作部门，作为艺人的硬件支持，能够为艺人提供专业的拍摄和内容思路，展现更丰富的表达形式。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_Cooperation.png"
          alt="平台关系的合作"
        />
        <span>平台关系的合作</span>
        <p>
          楼氏与各大平台均有合作，对平台算法了解透彻，不仅能够准确发现运营中的问题，降低运营风险，还能能够获取平台的优先合作资源，实现多渠道多纬度的分发与曝光。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_activity.png"
          alt="活动组织参与"
        />
        <span>活动组织参与</span>
        <p>
          加入楼氏的签约艺人，不仅能够得到公司的流量以及各项优质资源的扶持，包括但不限于平台资源、各项平台的信息流曝光扶持（如粉丝通等），还可以获得楼氏签约的垂直领域大量级KOL艺人的支持曝光，互动、同框等互带人气。
        </p>
      </a>
      <a href="javascript:void(0);" class="signing-item">
        <img
          src="/template/assets/images/hailiangziyuan_Signing_icon_Shield.png"
          alt="艺人成长的坚实后盾"
        />
        <span>艺人成长的坚实后盾</span>
        <p>
          除了账号的内容和运营指导，艺人逐渐转向领域KOL的同时也要走很多弯路，但楼氏有专业的PR指导、公关团队，妥当处理公关危机。
        </p>
      </a>
    </div>
  </div>
</section>

<!-- Contact -->
{include file="index/contact" /}

<script>
  //海量资源切换
  function change(id) {
    console.log(id);
    $(".glide .glide__track").addClass("glide-hidden");
    $(`#${id}`).removeClass("glide-hidden");
  }
</script>

{/block}
